<template>
        <div>
                <a-radio-group>
                        <a-radio value="default">default</a-radio>
                        <a-radio value="middle">middle</a-radio>
                        <a-radio value="small">small</a-radio>
                </a-radio-group>
                <br />
                <br />
                <a-descriptions bordered title="Custom Size">
                        <template #extra>
                                <a-button type="primary">Edit</a-button>
                        </template>
                        <a-descriptions-item label="Product">Cloud Database</a-descriptions-item>
                        <a-descriptions-item label="Billing">Prepaid</a-descriptions-item>
                        <a-descriptions-item label="Time">18:00:00</a-descriptions-item>
                        <a-descriptions-item label="Amount">$80.00</a-descriptions-item>
                        <a-descriptions-item label="Discount">$20.00</a-descriptions-item>
                        <a-descriptions-item label="Official">$60.00</a-descriptions-item>
                        <a-descriptions-item label="Config Info">
                                Data disk type: MongoDB
                                <br />
                                Database version: 3.4
                                <br />
                                Package: dds.mongo.mid
                                <br />
                                Storage space: 10 GB
                                <br />
                                Replication factor: 3
                                <br />
                                Region: East China 1
                                <br />
                        </a-descriptions-item>
                </a-descriptions>
                <br />
                <br />
                <a-descriptions title="Custom Size">
                        <template #extra>
                                <a-button type="primary">Edit</a-button>
                        </template>
                        <a-descriptions-item label="Product">Cloud Database</a-descriptions-item>
                        <a-descriptions-item label="Billing">Prepaid</a-descriptions-item>
                        <a-descriptions-item label="Time">18:00:00</a-descriptions-item>
                        <a-descriptions-item label="Amount">$80.00</a-descriptions-item>
                        <a-descriptions-item label="Discount">$20.00</a-descriptions-item>
                        <a-descriptions-item label="Official">$60.00</a-descriptions-item>
                </a-descriptions>
        </div>
</template>